<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>上传作品</title>
<meta content="美城街具" name="keywords">
<meta content="美城街具" name="description">
<meta http-equiv="Cache-Control" content="max-age=180">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-dns-prefetch-control" content="on">
<link href="css/basestyle.css" rel="stylesheet" type="text/css" />
<link href="css/mc.css" rel="stylesheet" type="text/css" />
<link href="css/user_center.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.3.min.js"></script>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="topper">
  <div class="wrap cl">
    <div class="t-left">您好，欢迎来到美城街具官方网站</div>
    <div class="t-right">
      <ul class="cl">
        <li class="user-list">
          <div class="top-user"><a href="desHome.jsp"><img src="upload/userhd.jpg"><span>飞翔的土豆</span><i class="fa fa-caret-down"></i></a></div>
          <div class="pop-dwon">
            <a href="#"><i class="fa fa-user-o"></i>个人主页</a>
            <a href="#"><i class="fa fa-commenting-o"></i>我的消息</a>
            <a href="#"><i class="fa fa-heart-o"></i>我的关注</a>
            <a href="#"><i class="fa fa-image"></i>我的作品</a>
            <a href="#" class="last"><i class="fa fa-power-off"></i>退出登录</a>
          </div>
        </li>
        <li><a href="#">帮助中心</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript">
    $(function () {
        var setTime;
        $(".user-list").hover(function () {
			var _this = $(this); 
            setTime = setTimeout(function () {
				_this.addClass("hover");
				$(".top-user i").removeClass("fa-caret-down").addClass("fa-caret-up");
                $(".user-list .pop-dwon").slideDown(300);
            }, 300);
        }, function () {
			var _this = $(this);
            if (setTime) {
                clearTimeout(setTime);
            }
            $(".user-list .pop-dwon").hide();
			_this.removeClass("hover");
			$(".top-user i").removeClass("fa-caret-up").addClass("fa-caret-down");
        });
    });
</script>
<div class="user-header">
  <div class="u-main">
    <div class="u-logo"><a href="index.jsp"></a></div>
    <div class="menu">
      <a href="u_index.jsp">首页</a>
      <a href="upload_works.jsp" class="upld upzp" target="_blank">上传作品</a>
      <a href="upload_needs.jsp" class="upld upxq" target="_blank">发布需求</a>
    </div>
    <div class="xx-count">
      <a href="u_works_list.jsp"><i class="fa fa-tags"></i>我的原创<em>12</em></a>
      <a href="u_works_list.jsp"><i class="fa fa-share"></i>我的转载<em>12</em></a>
      <a href="u_fensi_list.jsp"><i class="fa fa-user"></i>我的粉丝<em>12</em></a>
      <a href="u_xiaoxi_list.jsp"><i class="fa fa-commenting"></i>我的消息<em>12</em></a>
    </div>
  </div>
</div>

<div class="centers_m">
  <div class="upload-left">
    <div class="req-push-title"><p class="req-name"><i></i><span>填写需求信息</span></p></div>
    <div class="form-box-list">
      <div class="tab-l"><span class="form-box-label"><i>*</i>需求标题</span></div>
      <div class="tab-r"><input class="form-ipt-txt" placeholder="请简单写出您的标题（5-20个字)"></div>
      <div class="error-message" style="display: block;"><i class="fa fa-times-circle"></i>需求标题填写错误，5-20字</div>
      <div class="clearfiexd"></div>
    </div>
    <div class="form-box-list">
      <div class="tab-l"><span class="form-box-label"><i>*</i>具体内容</span></div>
      <div class="tab-r"><img src="upload/bianjikuang.jpg" /></div>
      <div class="error-message" style="display: block;"><i class="fa fa-times-circle"></i>请详细填写需求内容</div>
      <div class="clearfiexd"></div>
    </div>
    <div class="form-box-list">
      <div class="tab-l"><span class="form-box-label"><i>*</i>缩略图一</span></div>
      <div class="tab-r"><div class="upimg"><img src="upload/tuku2.jpg" width="95" height="70" style="margin-bottom:5px;"><img src="images/uploadjfbtnm2.png"></div><span class="form-sm">尺寸大小380PX*280PX；图片大小不超过300K</span></div>
      <div class="error-message" style="display: block;"><i class="fa fa-times-circle"></i>请上传缩略图（尺寸：380PX*280PX）</div>
      <div class="clearfiexd"></div>
    </div>
    <div class="form-box-list">
      <div class="tab-l"><span class="form-box-label">上传附件</span></div>
      <div class="tab-r"><img src="images/uploadjfbtn2.png" /><span class="form-sm">每个大小不超过5M，限制5个附件，建议上传方便设计师设计</span></div>
      <div class="clearfiexd"></div>
    </div>
    <div class="form-box-list">
      <div class="tab-l"><span class="form-box-label">起始时间</span></div>
      <div class="tab-r">
        <div class="time-box"><span>开始时间：<input type="text" /></span><span>结束时间：<input type="text" /></span></div>
      </div>
      <div class="clearfiexd"></div>
    </div>
    <div class="form-box-list"><a class="btn-submit" href="javascript:void(0)">提交发布</a></div>
  </div>
  <div class="upload-right">
    <div class="contact-ser">
      <span>联系客服帮您写需求</span>
      <span class="w-triangle"></span>
    </div>
    <div class="contact-tel">
      <p>客服电话：<span>400-710-8886</span></p>
      <p class="time">周一至周五 8:30~17:30</p>
    </div>
    <div class="contact-btn">
        <p>在线联系客服</p>
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=247228665&amp;site=www.vsochina.com&amp;menu=yes"><i class="fa fa-qq"></i>联系客服</a>
        <p class="time">周一至周五 8:30~17:30</p>
    </div>
  </div>
  <div class="clearfiexd"></div>
</div>
<div class="footer">
  <div class="ft-menu">
    <div class="wrap hide">
      <dl>
        <dt><i class="fa fa-compass"></i>新手指南</dt>
        <dd>
          <a href="#">注册新用户</a>
          <a href="#">设计入门</a>
          <a href="#">设计机构入门</a>
          <a href="#">规则中心</a>
          <a href="#">会员须知</a>
        </dd>
      </dl>
      <dl>
        <dt><i class="fa fa-mortar-board"></i>设计师</dt>
        <dd>
          <a href="#">上传作品</a>
          <a href="#">查看需求</a>
          <a href="#">购买设计作品</a>
          <a href="#">案例作品</a>
          <a href="#">我的故事</a>
        </dd>
      </dl>
      <dl>
        <dt><i class="fa fa-institution"></i>设计机构</dt>
        <dd>
          <a href="#">投标赚钱</a>
          <a href="#">发布作品</a>
          <a href="#">赚钱利器</a>
          <a href="#">大咖分享</a>
          <a href="#">设计机构联盟</a>
          <a href="#">美城商学院</a>
          <a href="#">机构等级</a>
        </dd>
      </dl>
      <dl>
        <dt><i class="fa fa-get-pocket"></i>交易保障</dt>
        <dd>
          <a href="#">双倍赔付</a>
          <a href="#">美城担保交易</a>
          <a href="#">诚信管理中心</a>
          <a href="#">曝光台</a>
          <a href="#">信用查询</a>
        </dd>
      </dl>
    </div>
  </div>
  <div class="ft-cop">
    <p>Copyright 2005-2016 meicheng.com 版权所有 <a href="#">苏ICP备102002274-4号</a> 苏B2-200080005 不良信息举报电话：0527-88390110  邮箱：110@meicheng.com</p>
    <p><a href="#"><img src="images/ft0.jpg"></a><a href="#"><img src="images/ft1.jpg"></a><a href="#"><img src="images/ft2.jpg"></a><a href="#"><img src="images/ft3.jpg"></a><a href="#"><img src="images/ft4.jpg"></a></p>
  </div>
</div>
</body>
</html>    
            
                    
          
	   	
                
            
            
            			  
    
           
       	
				     
             		
            
           
        
    			 
        	
       
            
            
            
            
    	
                         
       
                                                     
                            
					      
                
        
       	
					     
           
            
             
        	
					
            
            
                
                           
                

        
                
                        
                
                
                    	
               
             
                 
                
                
                
                
                
            
                  
        
    	
    
			

                
    
